<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>

</head>

<body>
    <script>
        /**
         *  响应拦截器作用
         *  1： 简化响应后的数据
         *  2： 权限验证，重定向
         *  3.  进行统一的错误处理
         * 
         */
        axios.interceptors.response.use(response => {
            // Do something before response is sent
            if(response.data.code === 9){
                // 说明token过期了，重定向到其他地方==》 登录页

            }
            return response.data;
        }, error => {
            // 统一的错误处理，终端Promise链条[返回一个pending状态的Promise]

            // return Promise.reject(error);
            return new Promise(()=>{})
        });

        axios.get('http://localhost:3000/computers').then(data=>{
            console.log(data);
        }).catch(error=>{
            console.log('error: ', error);
        })

        axios.get('http://localhost:3000/computers/13').then(data=>{
            console.log(data);
        })
    </script>
</body>

</html>